<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:form id="formHabilidades">
	

	<p:fieldset legend="Habilidades" style="width:470px;">
		<h:panelGrid columns="2">
			<h:panelGrid columns="2" cellpadding="5">


				<h:outputText value="Categoria:" />

				<p:selectOneMenu id="categoria" value="#{habilidadeBean.categoria}"
					converter="categoriaConverter" style="width:170px;">
					<f:selectItem itemLabel="-- Selecione --" />
					<f:selectItems value="#{categoriaBean.categorias}" var="categoria"
						itemValue="#{categoria}" itemLabel="#{categoria.nome}" />
					<p:ajax event="change" update="categoria habilidade" />


				</p:selectOneMenu>
				<h:outputText value="Habilidades:" />
				<p:selectOneMenu id="habilidade"
					value="#{freelancerBean.habSelecionada}"
					converter="habilidadeConverter">
					<f:selectItem itemLabel="-- Selecione --" />
					<f:selectItems value="#{habilidadeBean.categoria.habilidades}"
						var="habilidade" itemValue="#{habilidade}"
						itemLabel="#{habilidade.nome}" />

				</p:selectOneMenu>
				
				
				<p:commandButton value="Adicionar" action="#{freelancerBean.adicionarHabilidadeNoPerfil()}" process="@form" update="@form" />
				<p:commandButton value="Remover" action="#{freelancerBean.removerHabilidade()}" process="@form" update="@form" />
				
			</h:panelGrid><br/>
			<p:selectOneListbox id="gridHabilidades" style="height:180px;width:150%;"  value="#{freelancerBean.habRemove}" converter="habilidadeConverter">
					<f:selectItems value="#{freelancerBean.freelancerPerfil.habilidades}" var="habilidade" 
						itemLabel="#{habilidade.nome}" itemValue="#{habilidade}"
					></f:selectItems>
				
				</p:selectOneListbox>
			
			<h:panelGroup>
						

			</h:panelGroup>

		</h:panelGrid>
	</p:fieldset>
</h:form>


</html>

